@mixin pos($type, $pos, $v1: 0, $v2: 0) {
    position: $type;

    // 
    @if($pos =="lt") {
        @if($v1 and $v2) {
            left: $v1;
            top: $v2;
        }

        @else {
            left: 0;
            top: 0;
        }
    }

    @else if($pos =="ct") {
        left: center;
        top: 0;
    }

    @else if($pos =="rt") {
        right: 0;
        top: 0;
    }
}

.box {
    @include pos(absolute, "lt", 50px, 50px);
    @include pos(absolute, "ct");
}



// .list li * 8

// .phone li:nth-child(1) {
//     transform: rotate(0deg) translateZ(400px);
// }

// .phone li:nth-child(2) {
//     transform: rotate(45deg) translateZ(400px);
// }


@for $i from 1 to 9 {
    .phone li:nth-child(#{$i}) {
        transform: rotate(45deg*($i - 1)) translateZ(400px);
    }

}


@each $member in (a, b, c, d) {
    .#{$member} {
        background-image: url("/image/#{$member}.jpg");
    }
}